.task-list .ant-segmented {
  display: flex; /* 使用 flex 布局 */
  justify-content: center; /* 居中对齐 */
  background-color: rgb(0 0 0 / 10%); /* 背景色 */
  border-radius: 15px; /* 圆角 */
  .ant-segmented-item {
    flex: 1;
    padding: 0 10px; /* 子项的内边距 */
    color: var(--inactive-color, #8c8c8c); /* 使用自定义的 CSS 变量 */
    border-radius: 15px; /* 子项的圆角 */
    //margin: 0 5px; /* 子项间距 */
    transition: all 0.3s ease; /* 动画过渡效果 */
    &:hover {
      color: var(--hover-text-color, gainsboro) !important; /* 鼠标移入时的字体颜色 */
      background-color: var(--hover-bg-color, rgb(217 217 217 / 0%)); /* 鼠标移入时的背景颜色 */
    }
    &.ant-segmented-item-selected {
      font-weight: bold; /* 选中的文本加粗 */
      color: var(--active-color, #008dff); /* 使用自定义的 CSS 变量 */
      background-color: #ffffff; /* 选中的背景色 */
    }
  }
  .ant-segmented-item-label {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    font-weight: 500;
  }
  .ant-segmented-thumb {
    border-radius: 15px; /* 滑块的圆角 */
  }
}

//分页圆点样式
.task-list .ant-carousel {
  height: 100%;
  width: 100%;
}
.task-list .ant-carousel .slick-dots li button {
  width: 10px; /* 圆点的宽度 */
  height: 10px; /* 圆点的高度 */
  background: #98a9bc; /* 默认未选中状态的颜色 */
  border-radius: 50%; /* 设置为圆形 */
}
.task-list .ant-carousel .slick-dots li.slick-active button {
  background: #63b0ff; /* 选中状态的颜色 */
}

//六边形自定义样式
.hexagon {
  position: relative;
  width: 25px; /* 六边形的宽度 */
  height: 28px; /* 六边形的高度，需根据宽高比调整 */
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); /* 六边形的形状 */
  background-color: #ffffff; /* 默认白色背景 */
  img {
    position: absolute;
    top: 20%; /* 调整图片在六边形中的垂直位置 */
    left: 20%; /* 调整图片在六边形中的水平位置 */
    z-index: 1; /* 确保图片位于六边形内部 */
    width: 60%; /* 图片宽度占六边形的百分比 */
    height: 60%; /* 图片高度占六边形的百分比 */
    object-fit: cover; /* 图片填充方式 */
    border-radius: 50%; /* 边框为圆形 */
  }
}

//右键菜单动画（待完善）
.custom-dropdown {
  transform-origin: top left;
  //animation: fadeIn 1s ease-in-out;
  animation: all 0.4s ease;
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

//右键菜单
.custom-menu {
  min-height: 40px;
  padding: 15px;
  background-color: rgb(255 255 255 / 50%);
  border-radius: 15px; /* 圆角 */
  .custom-menu-header {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
  }
  .custom-menu-content {
    .custom-menu-content-tag {
      cursor: pointer; // 手指样式
      &:hover {
        background-color: rgb(255 255 255 / 100%);
      }
    }
  }
}
